<template>
    <div class="w-full h-screen flex flex-row justify-center items-center">
        <div>
            <h1 class="text-8xl">{{ msg }}</h1>
            <ul class="text-center text-2xl">
                <li v-for="r in routes" :key="r.name">
                    <RouterLink :to="{ name: r.name }">{{ r.name }}</RouterLink>
                </li>
            </ul>
        </div>

    </div>
</template>

<script setup lang='ts'>
import { ref } from 'vue';
import { xeokitDemoRoutes } from '../router/index'

const routes = xeokitDemoRoutes

const msg = ref<string>("Hello Xeokit")
</script>

<style scoped></style>